<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="table-responsive">
    <div th:if="${dataMap}==null or ${#lists.isEmpty(dataMap['list'])}">
        <div class="noDataTipsBox">
            <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
        </div>
    </div>
    <div th:if="${dataMap}!=null and !${#lists.isEmpty(dataMap['list'])}">
        <div class="row wrapper-content">
            <section class="col-sm-12 demand-list__wrap">
                <div class="file-box" th:each="cloud : ${dataMap['list']}">

                    <div class="file">
                        <span class="corner"></span>
                        <span class="corner"></span>
                        <div class="icon clearfix pr">
                            <i class="fa fa-youtube-play"></i>
                            <aside class="pull-right">
                                <span class="badge" th:classappend="${cloud['status']} == 10.0 ? 'badge-info' : 'badge-danger'" th:text="${cloud['status']} == 10.0 ? '正常' : '已关闭'"></span>
                            </aside>
                        </div>
                        <div class="file-name">
                            <div class="demand-file-name" th:title="${cloud['name']}">
                                <small>直播名称：</small>
                                <span th:text="${cloud['name']}"></span>
                            </div>
                            <div class="demand-file-code mt5" th:title="${cloud['id']}">
                                <small>房间ID：</small>
                                <span th:text="${cloud['id']}"></span>
                            </div>
                            <div class="demand-file-code mt5" th:title="${cloud['playPass']}">
                                <small>学员端密码：</small>
                                <span th:text="${cloud['playPass']}"></span>
                            </div>
                            <div class="demand-file-code mt5" th:title="${cloud['assistantPass']}">
                                <small>助教端密码：</small>
                                <span th:text="${cloud['assistantPass']}"></span>
                            </div>
                            <div class="demand-file-code mt5" th:title="${cloud['publisherPass']}">
                                <small>教师端密码：</small>
                                <span th:text="${cloud['publisherPass']}"></span>
                            </div>
                            <div class="mt5" th:if="${cloud['status']}==10.0" >
                                <div>进入地址：(独立访问进入直播间地址) <a href="javascript:;" title="复制地址" id="copyUrl" th:attrappend="data-roomid=${cloud['id']}"><i class=" fa fa-copy" ></i></a></div>
                                <div class="form-group">
                                    <input class="form-control" th:id="'shareUrl_'+${cloud['id']}" th:value="${cloud['shareUrl']}" type="text"></input>
                                </div>
                            </div>
                            <div class="demand-file-attr mt5" th:attrappend="data-room=${cloud['id']}">

                                <span class="pull-right" th:if="${cloud['status']}==10.0" >
                                    <a href="javascript:void(0);" class="c-master fs14 ml5"  data-toggle="tooltip" data-placement="bottom" data-original-title="关闭直播"><i class="fa fa-trash"></i></a>
                                </span>
                                <span class="pull-right" th:if="${cloud['status']}==10.0" >
                                    <a href="javascript:void(0);" th:attrappend="data-playurl=${cloud['id']},data-admincode=${cloud['assistantPass']},data-ptcode=${cloud['playPass']},data-teachercode=${cloud['publisherPass']}" class="c-master fs14 ml5 openuser"  data-toggle="tooltip" data-placement="bottom" data-original-title="打开直播间"><i class="fa fa-clone"></i></a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <!-- 分页，开始 -->
    <th:block th:if="${dataMap}!=null">
        <div data-th-replace="layout/adminPage" ></div>
    </th:block>
    <!-- 分页，结束 -->
</div>
</html>